<template>
     <div class="title2">
        30
      </div>
      <div class="container">
        <v-chart :option="option2" ></v-chart>
      </div>
      <div class="footer">
        退货率&nbsp;&nbsp;{{ data.returnRate }}%
      </div>
</template>

<script setup>
// import {  onMounted } from 'vue'

import { useDataStore } from '@/stores/dataStore'
import { storeToRefs } from 'pinia'

const store = useDataStore()
const { data, option2 } = storeToRefs(store)
// onMounted(() => {
//   store.getTopData()
// })

</script>

<style scoped>
.container {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  margin-top: 10px;
}
.title2{
  font-size: 25px;
    font-weight: 600;
    margin-top: 10px;
}
.footer {
  font-size: 14px;
}
</style>